<template>
	<view>
		<u-upload ref="uUpload" :action="url" :auto-upload="false" @on-success="okFileImegs" :form-data='formData'></u-upload>
	</view>
</template>

<script>
	export default {
		props: {
			url: {
				type: String,
				default: "",
			},
			formData:{
				type:Object,
				default:{}
			}
		},
		data() {
			return {
				// action: "",
				FileData: [],
			};
		},
		methods: {
			submitImges() {
			  this.$refs.uUpload.upload();
			},
			okFileImegs(e) {
				const sendObje = typeof e === 'object' ? e :this.Public.decode(e)
			  this.$emit("Successful", sendObje);
			},
		},
	};
</script>
<style lang="scss" scoped="scoped">
	image {
		width: 90%;
		height: 200rpx;
		margin: 5%;
		    background-position: center center;
		    background-size: cover;
		    background-repeat: no-repeat;
			    border-radius: 4px;
	}

	.filSty {
		width: 200rpx;
		height: 200rpx;
	}

	.denglt {
		position: absolute;
		z-index: 99;
		width: 40rpx;
		height: 40rpx;
		right: 10rpx;
		top: 10rpx;
	}

	.FilieBox {
		position: relative;
		width: 33%;
		float: left;
		display: inline-block;
	}
</style>
